/*Used internet sources for help*/

h1{

color: bisque;

}

#game {
    width: 500px;
    height: 200px;
    border: 1px solid black;
    position: relative;
    overflow: hidden; 
}


#character {
    width: 20px;
    height: 50px;
    background-color: red;
    position: absolute;
    top: 150px; 
}

#block {
    width: 20px;
    height: 20px;
    background-color: blue;
    position: absolute;
    bottom: 0px;
    left: 480px; 
   display:none;
}

@keyframes slide {
    0% { left: 480px; }
    100% { left: -40px; }
}

.animate {
    animation: jump 0.5s;
}

@keyframes jump {
    0% { top: 150px; }
    30% { top: 100px; }
    70% { top: 100px; }
    100% { top: 150px; }
}